<template>
<div class="add_box">
    <div class="silder">
        <div class="planFloor floorCurrent" @click="setStep('base')" :class="{'check':nowStep=='base'}">
            <div class="floorOver floorOverCurrent">
                <a href="javascript:;" >
                <n3-icon type="qrcode" class="iconH"></n3-icon>计划基本信息  </a>
            </div>
            <n3-icon type="unlock-alt" size="18px" class="lockIcon" v-show="stepPool.findIndex((value)=>{return value=='base'})==-1"></n3-icon>
            <n3-icon type="angle-right" size="18px" v-if="nowStep=='base'" class="iconF"></n3-icon>
        </div>
        <div class="planFloor floorLock" @click="setStep('unit')" :class="{'check':nowStep=='unit'}">
            <div class="floorOver">
                <a href="javascript:;" :class="{'checkPlanBar':nowStep==2}">
                <n3-icon type="arrows-alt" class="iconH"></n3-icon>设置推广单元 		</a>
            </div>
            <n3-icon type="lock" size="18px" class="lockIcon" v-show="stepPool.findIndex((value)=>{return value=='unit'})==-1"></n3-icon>
            <n3-icon type="angle-right" size="18px" v-if="nowStep=='unit'" class="iconF"></n3-icon>
        </div>
        <div class="planFloor floorCurrent" @click="setStep('creative')" :class="{'check':nowStep=='creative'}">
            <div class="floorOver floorOverCurrent">
                <a href="javascript:;" >
                <n3-icon type="qrcode" class="iconH"></n3-icon>添加创意</a>
            </div>
            <n3-icon type="lock" size="18px" class="lockIcon" v-show="stepPool.findIndex((value)=>{return value=='creative'})==-1"></n3-icon>
            <n3-icon type="angle-right" size="18px" v-if="nowStep=='creative'" class="iconF"></n3-icon>
        </div>
    </div>
    <div class="content">
        <router-view></router-view>
    </div>
</div>
</template>

<style src="./style.css" scoped lang="less"></style>

<script src="./script.js"></script>
